<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%String path = request.getContextPath(); %>    
    
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
	table {
	  width: 50%;
	  border-collapse: collapse; /* 去掉单元格之间的距离 */
	}
	 
	th, td {
	  border: 1px solid #ddd; /* 表格的边框样式 */
	  padding: 8px; /* 单元格内的空间 */
	  text-align: left; /* 文本对齐方式 */
	}
	 
	th {
	  background-color: #f2f2f2; /* 表头背景颜色 */
	  color: #333; /* 表头字体颜色 */
	}
	 
	/* 鼠标悬浮时的样式 */
	tr:hover {
	  background-color: #f5f5f5;
	}	
</style>
</head>
<body>

<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<center>
	<form action="<%=path%>/a" method="post">
		<table>
			<tr>
				<td>姓名</td><td><input type="text" name="name"></td>
				<td>姓别</td>
				<td>
					<input type="radio" name = "sex" value="1"> 男
					<input type="radio" name = "sex" value="2"> 女
				</td>
				<td>年龄</td>
				<td>
					<input type="text" name="age">
				</td>
			</tr>
			<tr>
				<td>爱好</td>
				<td>
					<input type="checkbox" name = "hobby" value="1"> 篮球
					<input type="checkbox" name = "hobby" value="2"> 足球
					<input type="checkbox" name = "hobby" value="3"> 排球
				</td>
				<td>籍贯</td>
				<td colspan="3">
					<select name="provice">
						<option value="">请选择</option>
						<option value="山东省">山东省</option>
						<option value="山西省">山西省</option>
						<option value="河南省">河南省</option>
						<option value="河北省">河北省</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>自我介绍</td>
				<td colspan="5"><textarea cols=110 rows=8 name="selfIntroduction" style="overflow:auto"></textarea></td>
			
			</tr>
		</table>
		<input type="submit" value="提交"> 
	</form>
</center>

</body>
</html>